<%--@elvariable id="cust" type="com.pgybook.db.entity.pojo.Customer"--%>
<%--@elvariable id="add" type="com.pgybook.db.entity.pojo.CustomerDeliverAddress"--%>
<%--@elvariable id="provi" type="com.pgybook.db.entity.pojo.Province"--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="j" uri="/jodd" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="text/html" name='五星图书'/>
    <title>五星图书</title>
    <link rel="stylesheet" href="/styles/basic.css" type="text/css"/>
    <link rel="stylesheet" href="/styles/client.css" type="text/css"/>
    <script type="text/javascript" src="/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/scripts/index.js"></script>
</head>
<body>
<div id="toolbar">
    <div id="toolbar-box" class="w990">
        <%--<j:debug></j:debug>--%>
        <span>您好，欢迎来到蒲公英亲自亲子图书馆！</span>
        <ul class="fright">
            <li><a href="#">登陆</a> &nbsp; </li>
            <li><a href="#">免费注册</a> |&nbsp;</li>
            <li class="lend_car"><a href="#">借阅车0件</a></li>
            <li class="web_help">&nbsp;|&nbsp;<a href="#">网站帮助</a> |&nbsp;</li>
            <li class="add_collect"><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--  end  toolbar-->

<div id="logo" class="w990"><a href="#"><img src="images/logo.jpg"/></a></div>

<!--  end  logo-->

<div id="nav">
    <ul class="w990">
        <li><a href="#">首页</a></li>
        <li><a href="#">借书指南</a></li>
        <li><a href="#">蒲公英榜</a></li>
        <li><a href="#">悬赏图书</a></li>
        <li class="last"><a href="#">我的账户</a></li>
    </ul>
</div>
<!--  end  nav-->

<div id="search">
    <div id="reach_box" class="w990">
        <select class="fleft">
            <option>图片名称</option>
            <option>图片名称</option>
            <option>图片名称</option>
        </select>

        <form class="fleft">
            <input type="text" value="搜索你想要的关键字" name="search" class="text"/>
            <input type="submit" value="" name="submit" class="submit"/>

        </form>
        <span><a href="#">高级搜索</a></span>
        <span class="prompt">温馨提示：如未能搜索到书籍信息，您可联系<a href="#">“在线客服”</a>或<a href="#">“在线留言”</a>进行查询 </span>
    </div>
</div>
<!--  end  search-->

<div id="content" class="w990">
    <div class="client_nav fleft">
        <h1>个人信息管理</h1>
        <ul>
            <li><a href="../html/client_imfor.html" class="on">编辑个人信息</a></li>
            <li><a href="../html/client_password.html">更改密码</a></li>
            <li><a href="client_address.jsp">收件人地址</a></li>
        </ul>
        <h1>借阅管理</h1>
        <ul>
            <li><a href="../html/client_lendcar.html">图书借阅车</a></li>
            <li><a href="../html/client.mylend.html">我的借阅单</a></li>
            <li><a href="../html/client_borrow.html">在借图书</a></li>
            <li><a href="../html/client_back.html">已还图书</a></li>
            <li><a href="../html/client_lendbook.html">预借图书</a></li>
            <li><a href="../html/client_collection.html">图书收藏夹</a></li>
        </ul>
        <h1>账户管理</h1>
        <ul>
            <li><a href="../html/client_credits.html">押金账户</a></li>
            <li><a href="../html/client_deposit.html">书币账户</a></li>
            <li><a href="../html/client_donate.html">捐赠申请</a></li>
        </ul>
        <h1>其他</h1>
        <ul>
            <li><a href="../html/client_leave.html">留言管理</a></li>
            <li><a href="../html/client_read.html">阅读心得</a></li>
            <li><a href="../html/client_withdrawal.html">退会申请</a></li>
        </ul>
    </div>
    <!--  end  client_nav-->

    <div class="imfor fright">
        <h1><span>信息管理</span></h1>

        <div>
            <ul>
                <li><a href="#"> 编辑个人信息</a></li>
                <li><a href="#">更改密码</a></li>
                <li><a href="#" class="current">收件人地址</a></li>
            </ul>
            <div class="line"></div>
            <div class="address">
                <h1>现有收货地址</h1>
                <c:forEach items="${address}" var="add" varStatus="i">
                    <h3 class="default">
                        <p>${i.index+1}.${add.contact}，${add.address}，${add.zipcode}，${add.phone}</p>
                        <span>
                        <a href="#" class="change">修改地址</a><a href="#" class='delet'>删除</a>
                        <c:choose>
                            <c:when test="${add.isdefault}"><a href="#" class='todefault'>设为默认地址</a></c:when>
                            <c:otherwise><em class='${add.isdefault?"default":"todefault"}'>默认地址</em></c:otherwise>
                        </c:choose>
                    </span>
                    </h3>
                </c:forEach>

                <h3><p>2. 李晗，中国，湖南，常德市，武陵区，湖南文理学院西院老校区17栋四单元408室，415000，15080662460</p><span><a href="#" class="change">修改地址</a><a
                        href="#" class='delet'>删除</a><a href="#" class='todefault'>设为默认地址</a></span></h3>
                <h3><p>3. 李晗，中国，湖南，常德市，武陵区，湖南文理学院西院老校区17栋四单元408室，415000，15080662460</p><span><a href="#" class="change">修改地址</a><a
                        href="#" class='delet'>删除</a><a href="#" class='todefault'>设为默认地址</a></span></h3>
                <h3><p>4. 李晗，中国，湖南，常德市，武陵区，湖南文理学院西院老校区17栋四单元408室，415000，15080662460</p><span><a href="#" class="change">修改地址</a><a
                        href="#" class='delet'>删除</a><a href="#" class='todefault'>设为默认地址</a></span></h3>
                <h1 class="add">新增/修改收货地址</h1>

                <p class="dd"><span>收货人：</span><input type="text" name="username" value=""/></p>

                <p class="dd"><span>地区：</span>
                    <script type="text/javascript">
                        $(function () {
                            $("#province").change(function (e) {
                                var _city = $("#city");
                                _city.empty();
                                $.get("/goe/city/" + $(this).val() + ".jspx", function (city) {
                                    $.each(city, function (c) {
                                        _city.append('<option value="' + c.cityid + '">' + c.cityname + '</option>')
                                    })
                                }, 'json')
                                _city.on("change", function () {

                                });
                            });
                            $("#city").change(function (e) {
                                var _cd = $("#cityDistrict");
                                _cd.empty();
                                $.get("/goe/cityDistrict/" + $(this).val() + ".jspx", function (cityD) {
                                    $.each(cityD, function (c) {
                                        _cd.append('<option value="' + c.citydistrictid + '">' + c.cdname + '</option>')
                                    })
                                }, 'json')

                            });

                        });
                    </script>
                    <select name="province" id="province">
                        <c:forEach items="${province}" var="provi" varStatus="i">
                            <option value="${provi.prvid}">${provi.name}</option>
                        </c:forEach>
                    </select>&nbsp;
                    <select name="city" id="city">
                        <option>北京市</option>
                        <option>北京市</option>
                        <option>北京市</option>
                        <option>北京市</option>
                        <option>北京市</option>
                        <option>北京市</option>
                        <option>北京市</option>
                    </select>&nbsp;
                    <select name="cityDistrict">
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                        <option>朝阳区</option>
                    </select>
                </p>
                <p class="dd"><span>街道地址：</span><input type="text" name="address" value=""/></p>

                <p class="dd"><span>邮政编码：</span><input type="text" name="youzheng" value=""/></p>

                <p class="dd"><span>手机：</span><input type="text" name="num" value=""/>　或 固定电话 <input type="text"
                                                                                                     name="telnum"
                                                                                                     value=""/></p>
                <label><input type="checkbox" hidefocus="true" class="checkbox"/>设置默认收货地址</label>
                <input type="submit" class="submit" value="保存"/>
            </div>
        </div>
    </div>
</div>
<!--  end  client_right-->

<div id="client_wrap" class="wrap">
    <div class="w990">
        <div class="w330 fleft">
            <h1 class="w_guide">新手指南</h1>
            <ul>
                <li class="li1"><a href="#">会员类型说明</a></li>
                <li><a href="#">借书详情说明</a></li>
                <li><a href="#">蒲公英网介绍</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_pay">新手指南</h1>
            <ul>
                <li class="li1"><a href="#">押金账户</a></li>
                <li><a href="#">书币账户</a></li>
                <li><a href="#">网上支付</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_help">帮助中心</h1>
            <ul>
                <li class="li1"><a href="#">意见反馈</a></li>
                <li><a href="#">找回密码</a></li>
                <li><a href="#">问题咨询解答</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  end  wrap-->

<div id="footer"><p>Copyright© 2002-2013，蒲公英版权所有　粤ICP备13065515号　出版物经营许可证新出发粤批字第A-243号</p></div>
<!--  end  footer-->

</body>
</html>
		